import { useState } from "react";

const A = ({ onGetMsg }) => {
  const msg = "This is A name ";
  return (
    <div>
      this is A<button onClick={() => onGetMsg(msg)}>send</button>
    </div>
  );
};

const B = ({ msg }) => {
  return <div>this is B , {msg}</div>;
};

function App() {
  const [msg, setMsg] = useState("");
  const getMsg = (msg) => {
    setMsg(msg);
  };
  return (
    <div className="App">
      <h1>兄弟传值</h1>
      <A onGetMsg={getMsg} />
      <B msg={msg} />
    </div>
  );
}

export default App;
